<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>header</title>
</head>
<body>
<!-- header -->
<div th:fragment="header">

        <div class="top">
            <div class="socials">
                <ul>
                    <li><p style="color: #7f8f9f;">Email : <a style="text-decoration: none;color: #46e2C8" href="mailto:lovakillingbaby@qq.com" target="_blank">lovekillingbaby@qq.com</a></p></li>
                </ul>
            </div>
            <form action="/findPage?pageNum=1">
                <div id="search">
                    <button type="submit" class="button-search" style="margin-left: 7px; outline: none;border: none; border-right:1px solid #ccc;"></button>
                    <input name="keyWords" type="text" value="Search..." onfocus="if (this.value == &#39;Search...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Search...&#39;;}">
                </div>
            </form>
        </div>

        <div id="logo">
            <h1>kamisama</h1>
        </div>

        <nav>
            <div class="wrap-nav">
                <div class="menu">
                    <ul>
                        <li><a th:href="@{/home}">Home</a></li>
                        <li><a th:href="@{/showBlog(id=${hotBlogs.get(0).id})}">Blog</a></li>
                        <li><a th:href="@{/gallery}">Gallery</a></li>
                        <!--<li><a href="about.html">About</a></li>-->
                        <!--<li><a href="contact.html">Contact</a></li>-->
                    </ul>
                </div>
            </div>
        </nav>

    </div>
</div>

<!-- 关于作者 -->
<div th:fragment="about">
    <!--<div class="heading"><h2>关于作者</h2></div>-->
    <div class="content">
        <img src="images/keqing.jpg" style="border: 0px;"/>
        <p style="text-indent: 2em">劳逸结合是不错，但也别放松过头。</p>
    </div>
</div>

<!-- 分类 -->
<div th:fragment="type">
    <div class="heading"><h2>分类</h2></div>
    <div class="content">
        <ul>
            <li th:each="type:${session.types}"><a th:href="@{/findPage(pageNum=1,checkType=${type.getId()})}" th:text="${type.getTname()}">分类一</a></li>
        </ul>
    </div>
</div>

<!-- 热门 -->
<div th:fragment="hot">
    <div class="heading"><h2>热门</h2></div>
    <div class="content">
        <div class="post" th:each="hot:${hotBlogs}">
            <img th:src="${hot.getBimg()}" width="50px"/>
            <h4><a th:href="@{/showBlog(id=${hot.getId()})}" th:text="${hot.getBtitle()}">热门帖子标题</a></h4>
            <p>浏览量：<span th:text="${hot.getPageview}">01</span></p>
        </div>
    </div>
</div>

<!-- footer -->
<div th:fragment="footer">
    <div class="wrap-footer">
        <div class="row">
            <div class="col-1-3">
                <div class="wrap-col">
                    <div class="box">
                        <div class="heading"><h2>Image Gallery</h2></div>
                        <div class="content gallery">
                            <a th:href="@{/gallery}"><img src="images/img1.jpg" width="120"/></a>
                            <a th:href="@{/gallery}"><img src="images/img3.jpg" width="120"/></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-1-3">
                <div class="wrap-col">
                    <div class="box">
                        <div class="heading"><h2>Something</h2></div>
                        <div class="content">
                            <!-- <img src="images/zerotheme.jpg" style="border: 0px;margin-left: 0px;"/> -->
                            <p>劳逸结合是不错，但也别放松过头。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-1-3">
                <div class="wrap-col">
                    <div class="box">
                        <div class="heading"><h2>Contact</h2></div>
                        <div class="content">
                            <p>如果你有有趣的故事，精彩的照片，不要忘了和我们分享哦！</p>
                            <p>Email : <a style="text-decoration: none;color: #FFFFFF" href="mailto:lovakillingbaby@qq.com" target="_blank">lovekillingbaby@qq.com</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright">
        <p>&copy; Copyright &copy; 2021&nbsp;.&nbsp;<a target="_blank" th:href="@{/login}" style="text-decoration: none;">admin</a></p>
    </div>
</div>

<!-- ====================admin管理界面模板==================== -->



</body>
</html>